<script setup lang="ts">
import { useThemeMode } from "@/hooks/useThemeMode";
import { useGlobalStore } from "@/stores/modules/global";
import { elLocaleMap } from "@/locales";

const globalStore = useGlobalStore();

// 主题模式 Hook
useThemeMode();

const elSize = computed(() => globalStore.elSize);
</script>

<template>
  <el-config-provider :size="elSize" :locale="elLocaleMap[globalStore.locale]">
    <router-view></router-view>
  </el-config-provider>
</template>

<style scoped lang="scss"></style>
